<template>
    <div class="MovieNote-container">
        <show-mark-down-note type="movie" ></show-mark-down-note>
        <!-- <div class="ImgCard-container">
          <ImgCard></ImgCard>
        </div> -->
        <License :views="movieNote.Views" :time="movieNote.Time"></License>
        <Comment type="movie" :id="id"></Comment>
    </div>
</template>

<script>
import License from '../components/license.vue'
import Comment from '../components/comment.vue'
import ImgCard from '../components/movie/ImgCard.vue'
import ShowMarkDownNote from '../components/ShowMarkDownNote.vue'
import { getMovieNoteById } from '../Api'


export default {
  components: { ImgCard,ShowMarkDownNote, Comment, License },
  data() {
    return {
      id: 0,
      movieNote: {
        Views: 0,
        Time: 0,
      }
    }
  },
  async created() {
    this.id = this.$route.params.id;
    let params = {};
    params.id = this.id;
    let res = await getMovieNoteById(params);
    this.movieNote = res.data.movieNote;
  },
  methods: {
  }
}
</script>
 
<style lang="less" scoped>
  .MovieNote-container {
    .ImgCard-container {
      display: flex;
      justify-content: center;
    }
  }
</style>